<template>
	<view v-if="pay">
		<view  class="mask" style="height: 100vh;background-color: rgba(0,0,0,.5);">
			<view class="bg-white p-4" style="position: relative; position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
				<uqrcode ref="uqrcode" canvas-id="qrcode" :value="payURL" :options="{ margin: 10 }"></uqrcode>
			    <view @click="off()" class="font-weight-bold font-lg" style="position: absolute;right: 0;top: -10rpx;">
			    	×
			    </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"PayMask",
		data() {
			return {
			};
		},
		methods:{
			off(){
				this.$emit('show',false)
			}
		},
		props:{
			payURL:{
				type:String,
				default:'',
			},
			pay:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style>

</style>